.hide{
    display: none;
}
.right .box{
    float: left;
}
.right .useMobile{
    float: left;
    width: 490px;
}
.right .useMobile p{
    float: left;
    width: 100%;
    color: #545f70;
}
.right .useMobile .title{
    margin-top: 80px;
    font-size: 36px;
}
.right .useMobile .explain{
    margin-top: 20px;
    font-size: 24px;
}
.right .useMobile ul{
    float: left;
    width: 432px;
}
.right .useMobile ul li{ float: left; }
.right .useMobile ul.subNav{
    height: 38px;
    margin-top: 60px;
}
.right .useMobile ul.subNav li{
    padding: 0 15px;
    line-height: 38px;
    border-bottom: 2px solid #45a4dd;
}
.right .useMobile ul.subNav li:hover{
    color: #fff;
    background-color: #45a4dd;
    cursor: pointer;
}
.right .useMobile ul.subNav li.active{
    color: #fff;
    background-color: #45a4dd;
}
.right ul.subNav li i{
    float: left;
    width: 28px;
    height: 28px;
    margin-top: 5px;
    background: url("/default/images/company/mobile_terminal.png") no-repeat;
}
.right ul.subNav li.iphone:hover,
.right ul.subNav li.iphone.active{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.right ul.subNav li.html5:hover,
.right ul.subNav li.html5.active{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.right ul.subNav li.iphone i{ background-position: 0 0; }
.right ul.subNav li.iphone:hover i, .right ul.subNav li.iphone.active i{ background-position: 0 -35px; }
.right ul.subNav li.android i{ background-position: 0 -71px; }
.right ul.subNav li.android:hover i, .right ul.subNav li.android.active i{ background-position: 0 -105px; }
.right ul.subNav li.weixin i{ background-position: 0 -139px; }
.right ul.subNav li.weixin:hover i, .right ul.subNav li.weixin.active i{ background-position: 0 -170px; }
.right ul.subNav li.html5 i{ background-position: 0 -204px; }
.right ul.subNav li.html5:hover i, .right ul.subNav li.html5.active i{ background-position: 0 -239px; }

.right .useMobile ul.code{
    height: 212px;
    margin-top: 40px;
    text-align: center;
}
.right .useMobile ul.code li{
    width: 182px;
    height: 212px;
    margin-left: 125px;
    text-align: center;
}
.right .useMobile ul.code li.hide{ display: none;}
.right .useMobile ul.code img{ box-shadow: 0 0 5px #ddd;}
.right .useMobile ul.code span{
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
